<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>成功生成订单</title>
<link type="text/css" href="../css/reset.css" rel="stylesheet" />
<link type="text/css" href="../css/public.css" rel="stylesheet" />
<link type="text/css" href="../css/style.css" rel="stylesheet" />
<link type="text/css" href="../css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
<script src="../js/jquery.min.js?v=2.1.4"></script>
 <script src="../js/core.js"></script>
 <script src="../js/20.3.7dingdanerweima.js"></script>
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>
</head>
<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">成功生成订单</h1>
    </header>
</div>
<!--成功生成订单-->
<input id="text"  type="hidden" value=""/>
<div class="sell_erweima">
	<div class="sell_shengcheng">
		<h4 ><img src="../images/public_radio_selcet.png" />你已成功生成订单</h4>
	 	<p>您可以让客户扫描二维码查看该订单或直接将该订单发送给客户</p>
	</div>
	<div style="padding-left:40px;" id="qrcode"></div>
	<h6>微信扫一扫查看该订单</h6>
</div>
<ul class="sell_erweima_button clearfix">
	<li class="jg_share">发送订单给客户</li> <!--fashongdingdan.html-->
	<li><a href="20.3.5daikexiadan_lishidingdan.html">查看历史订单</a></li>
</ul>
<style>
	.imgs{
	
max-width:100%;
height:auto;

	}
	.public_share2{
	width: 100%;
	position: fixed;
	bottom: 0;
	/*//left: 5%;*/
	/*background: #FFFFFF;*/
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	display: none;
	z-index: 11;
}
</style>
	<div class="public_share2" >
				<img class="imgs public_share_quxiao2" src="../images/xaingdao.png"/>
				
			<!--	<ul class="clearfix">
					<li onclick="weixinhao(1)">
						<img src="images/share01.png" />
						<h6>微信好友</h6>
					</li>
					<li onclick="weixinhao(2)">
						<img src="images/share02.png" />
						<h6>朋友圈</h6>
					</li>
					<li onclick="weixinhao(4)">
						<img src="images/share03.png" />
						<h6>QQ好友</h6>
					</li>
					<li onclick="weixinhao(3)">
						<img src="images/share04.png" />
						<h6>QQ空间</h6>
					</li>
				</ul>
				<div class="public_share_quxiao">取消</div>-->
			</div>
<script type="text/javascript">
	
	$('.jg_share').on('click', function() {
					$("body").append("<div id='mask'></div>");
					$(".public_share2").show();
				});
				//点击关闭
				$(".public_share_quxiao2").on('click', function() {
					$(".public_share2").hide();
					$("#mask").remove();
				})
				$("#mask").on('click', function() {
					$(".public_share2").hide();
					$("#mask").remove();
				})
var qrcode = new QRCode(document.getElementById("qrcode"), {
	width : 100,
	height : 100
});
function makeCode (){		
	var elText = document.getElementById("text");
	if (!elText.value) {
		//alert("Input a text");
		elText.focus();
		return;
	}
	qrcode.makeCode(elText.value);
}

$("#text").on("blur", function () {
		makeCode();
	}).on("keydown", function (e) {
		if (e.keyCode == 13) {
			makeCode();
		}
	});
</script>
</body>
</html>